<template>

    <input placeholder="请输入药品名称" style="width: 90%;height: 35px;margin-top: 5px;border-radius: 20px;border:1px solid green ;
        margin-left: 10px;
    " />

    <div class="dd1">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd1.png" /> 
            </dt>
            <dd>
                <p>四磨汤口服液10毫升*12支</p>
                顺气降逆，消极止痛。用于婴幼乳食内带证
                <span>￥32.79</span>
            </dd>
        </dl>
    </div>
     <div class="dd2">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd2.png" /> 
            </dt>
            <dd>
                <p>摩罗丹9克*9丸</p>
                和胃降逆，健脾消账，通络定痛。用于胃疼，胀...
                <span>￥27.9</span>
            </dd>
        </dl>
    </div>
       <div class="dd3">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd3.png" /> 
            </dt>
            <dd>
                <p>达因伊可新伊儿乐益生菌粉1.5克*30袋固体饮料</p>
              
                <span>￥254..5</span>
            </dd>
        </dl>
    </div>
       <div class="dd4">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd4.png" /> 
            </dt>
            <dd>
                <p>胶体果胶胶囊50毫克*24粒</p>
             1.胃及十二指肠溃疡，慢性胃炎。2.与抗生素联...
                <span>￥4.58</span>
            </dd>
        </dl>
    </div>
       <div class="dd5">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd5.png" /> 
            </dt>
            <dd>
                <p>保和咀嚼片1.05克*16片</p>
              消食，导带，和胃。用于食积停带，脘腹胀满，
                <span>￥19.8</span>
            </dd>
        </dl>
    </div>
       <div class="dd6">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd6.png" /> 
            </dt>
            <dd>
                <p>地衣芽胞杆菌活菌胶囊0.25克*24粒</p>
                用于细菌或真菌引起的急，慢性肠炎。腹泻。也...
                <span>￥25.68</span>
            </dd>
        </dl>
    </div>
       <div class="dd7">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd7.png" /> 
            </dt>
            <dd>
                <p>碳酸氢纳片（小苏打）（OTC）0.5克*100片</p>
              用于碱化尿液及酸血症，也可用于胃酸过多
                <span>￥13.55</span>
            </dd>
        </dl>
    </div>
       <div class="dd8">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd8.png" /> 
            </dt>
            <dd>
                <p>肠炎宁片0.42克*36片</p>
              清热利湿，行气。用于湿热蕴结胃肠所导致的腹泻....
                <span>￥32.9</span>
            </dd>
        </dl>
    </div>
       <div class="dd9">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/dd9.png" /> 
            </dt>
            <dd>
                <p>参苓白术颗粒6克*8袋</p>
                健脾，益气。用于体倦乏力，食少便溏
                <span>￥18.7</span>
            </dd>
        </dl>
    </div>
</template>

<script>

</script>

<style>
.dd1{
    margin-top: 10px;
    dt{
        float: left;
        margin: 5px;
        margin-top: 5px;
    }
    dd{
       span{
        color: red;
       }
    }
}
.dd2{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd3{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd4{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd5{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd6{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd7{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd8{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd9{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
</style>
